<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <script type="text/javascript">
    	
   		document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
   		});
   		
    </script>
</head>
  <head>
                <title>复利计算器</title>
                <meta charset="UTF-8">
                <!--<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no" />-->
                <meta name="apple-mobile-web-app-capable" content="no">
                <meta name="format-detection" content="telephone=no">
                <script type="text/javascript" src="jquery-1.10.2.js"></script>
                <link href="mui.min.css" rel="stylesheet">
                <link href="dialog.css" rel="stylesheet">
                <link rel="stylesheet" href="calculator.css?v=2017051101">
                <!--<script>
                        var userAgent = navigator.userAgent;
                        if(userAgent.indexOf("kuaibao") !== -1&&userAgent.toLowerCase().indexOf("android") !== -1){
                            window.kbLoaded.kbShareBtnShow('1','0');//分享按钮，佣金按钮
                        }else if(userAgent.indexOf("kuaibao") !== -1){
                            kbShareBtnShow('1','0');//分享按钮，佣金按钮
                        }
                        var requestparams = {};
                        requestparams.principal = "null";
                        requestparams.rate = "null";
                        requestparams.dueTime = "null";
                        requestparams.additional = "null";
                        requestparams.topType = "null";
                        requestparams.subType = "null";
                        requestparams.currentTime = "null";
                        var shareParams = "";
                        function iosCallJS() {
                            jsCallOCShareAction('复利计算器','一款超强的复利计算器，任意追加、单复对比！',window.location.href+shareParams);//标题、描述、链接
                            return "h5Share";
                        }
                        function androidCallJS() {
                            window.kbShare.kbShareAction('复利计算器','一款超强的复利计算器，任意追加、单复对比！',window.location.href+shareParams);//标题、描述、链接
                        }
                </script>-->
        </head>
        <body>
        	<div style="height: 100%;">
        		
        		 <div style="width: 50%;height: 10px;"></div>
                <div class="container" style="margin-top: 0px;">
                        <div class="item border-bottom">
                                <div class="label">本金：</div>
                                <input type="number" class="principal check getInt" id="principal" autocomplete="off" placeholder="请输入金额" />
                                <div class="unit">元</div>
                                <div class="clearFixed"></div>
                        </div>
                        <div class="item border-bottom">
                                <div class="label">年利率：</div>
                                <input type="number" class="rate check" id="rate" autocomplete="off" placeholder="请输入百分数" />
                                <div class="unit">%</div>
                                <div class="clearFixed"></div>
                        </div>
                        <div class="item">
                                <div class="label" style="width: 38%;">连续投资期限：</div>
                                <div class="selectBox" style="width: 50%;">
                                        <select class="dueTime" id="dueTime" ></select>
                                        <div class="selectIcon"></div>
                                </div>
                                <div class="unit">年</div>
                                <div class="clearFixed"></div>
                        </div>
                </div>
                <div class="container additional">
                        <div class="item">
                                <div class="label" style="color: #333333;">追加</div>
                                <div class="additionalBtn marginTop1">添加任务</div>
                        </div>
                </div>
                <div class="container interestType">
                        <div class="item topItem">
                                <div class="label" style="color: #333333;">利息计算</div>
                                <div class="compare marginTop2" type="3">单复利对比</div>
                                <div class="compound marginTop2" type="2">复利</div>
                                <div class="flat actived marginTop2" type="1">单利</div>
                                <div class="clearFixed"></div>
                        </div>
                        <div class="item subItem" style="display: none;">
                                <div class="dayType marginTop2" type="3" style="display: none;">日复利</div>
                                <div class="monthType marginTop2" type="2" style="display: none;">月复利</div>
                                <div class="yearType marginTop2 actived" type="1">年复利</div>
                                <div class="clearFixed"></div>
                        </div>
                </div>
                <div class="calculation marginTop1" id="calculation">计算</div>
                <div class="container result" style="display: none;font-size: 0.3rem;">
                        <div class="item border-bottom" style="text-align: center;color: #333333;">计算结果</div>
                        <div class="item border-bottom" style="text-align: center;">
                                <div class="selectBox" style="width: 26%;margin-left: 37%;">
                                        <select class="currentTime" id="currentTime" style="float: none;"></select>
                                        <div class="selectIcon"></div>
                                </div>
                        </div>
                        <div class="item border-bottom scrollBox" style="text-align: center;">
                                <div class="reduce"></div>
                                <div class="scroll"></div>
                                <div class="scrollicon"></div>
                                <div class="plus"></div>
                        </div>
                        <div class="totalItem principalTotal">本金和：<t>0元</t></div>
                        <div class="totalItem interestTotal">利息和：<t>0元</t></div>
                        <div class="totalItem allTotal">本息和：<t>0元</t></div>
                        <div class="showDetails marginTop2">详细列表</div>
                        <div class="resultList compareHeader" style="display: none;">
                                <div class="list-item">
                                        <div class="item01 thitem01">年度</div>
                                        <div class="item02 thitem02">本金和（元）</div>
                                        <div class="item03 thitem03">单利本息和（元）</div>
                                        <div class="item04 thitem04">复利本息和（元）</div>
                                        <div class="item05 thitem05">单复比例（%）</div>
                                        <div class="clearFixed"></div>
                                </div>
                                <div class="clearFixed list-item-after"></div>
                        </div>
                        <div class="resultList noCompareHeader" style="display: none;">
                                <div class="list-item noCompareHeader">
                                        <div class="item01 thitem01">年度</div>
                                        <div class="item02 thitem02">本金和<br/>（元）</div>
                                        <div class="item03 thitem03">利息和<br/>（元）</div>
                                        <div class="item04 thitem04">本息和<br/>（元）</div>
                                        <div class="clearFixed"></div>
                                </div>
                                <div class="clearFixed list-item-after"></div>
                        </div>
                </div>
                <div id="additionalItemTemp" style="display: none;">
                                <div class="item">
                                        <div class="label" style="width: 28%;">追加期间：</div>
                                        <div class="label" style="width: auto;margin-left: 1%;margin-right: 1%;padding: 0;">从</div>
                                        <div class="selectBox" style="width: 21%;margin: 0 1%;">
                                                <select class="additionalStartDueTime" style=""></select>
                                                <div class="selectIcon"></div>
                                        </div>
                                        <div class="label" style="width: auto;margin-left: 1%;margin-right: 1%;padding: 0;">到</div>
                                        <div class="selectBox" style="width: 21%;margin: 0 1%;">
                                                <select class="additionalEndDueTime" style=""></select>
                                                <div class="selectIcon"></div>
                                        </div>
                                        <div class="clearFixed"></div>
                                </div>
                                <div class="item">
                                        <div class="label" style="width: 28%;">追加金额：</div>
                                        <input type="number" class="principal check getInt" placeholder="请输入金额" autocomplete="off" style="width: 40%;" />
                                        <div class="unit">元</div>
                                        <div class="clearFixed"></div>
                                </div>
                                <div class="deleteItem"></div>
                </div>
        		
        	</div>
               
                <script type="text/javascript" src="fontSize.js"></script>
                <script type="text/javascript" src="calculator.js?v=2017051102"></script>
                <script type="text/javascript" src="dialog.js"></script>
              
                
        </body>
</html>